import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
import { CloseCircleOutlined } from '@ant-design/icons';

import styles from './index.less';
const MenuTag = (props) => {
    console.log('props', props)
    const { data, closeFun } = props;
    const closeHandle = () => {
        closeFun && closeFun(data)
    }
    return (
        <div
            className={styles.MenuBox}
        >
            {data.name}
            <div className='closeBox' onClick={closeHandle}><CloseCircleOutlined /></div>
        </div>
    );
}
export default MenuTag;
